<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

	<head>
		<title>JAVAscript练习</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<link rel="shortcut icon" href="http://pengjianquan.pro.bluej.cn/resume/favicon.ico" />
		<link rel="stylesheet" type="text/css" href="../../index.css"/>
		<style>
			li a {
				float: right;
			}
		</style>
	</head>

	<BODY>
		<pre><h1>JAVAscript练习</a></h1></pre>
		<div id="div1" class="box box-re">
			1、文档碎片<br><br>
			<div class="box box-re">
				例1：创建1000个li<br><br>
				<button class="btn btn-info">开始创建</button><br><br>
				<ul class="list-group">
				</ul>
			</div>
		</div>

		<div id="Record" class="box box-re red">
			记录<br>
			<p><b>文档碎片：</b><code>createDocumentFragment()</code> 老式IE可能还会用到。新版本下已经看不出作用了。</p>
		</div>

	</BODY>

</HTML>